@import "~common/css/_variables.scss";

.App {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  font-size: $fz14;
  user-select: none;
  font-family: "PingFangSC-RegularRegular", "PingFangSC", "Arial",
    "microsoft yahei", "微软雅黑", "sans-sarif";
  line-height: 1;
  box-sizing: border-box;
  background-color: #fff;
}


.ant-input {

  &:active,
  &:hover,
  &:focus {
    box-shadow: none;
    border-color: $color !important;
  }
}

.ant-form-item-has-error .ant-input {

  &:active,
  &:hover,
  &:focus {
    box-shadow: none;
  }
}

.ant-tooltip-arrow-content,
.ant-tooltip-inner {
  background-color: $color8;
}


.ant-pagination-item-active {
  border-color: $color;
}

.ant-pagination-item-active a {
  color: $color;
}

canvas {
  display: none;
}

a {
  color: $c353741;
  text-decoration: none;
}

img {
  pointer-events: none;
}

.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.name {
  padding-top: 5px;
  line-height: 1.2;
  font-size: $fz12;
}

// loading
.loading {
  display: flex;
  margin: 0 auto;
  height: 80px;
  align-items: center;
  justify-content: center;
}

.highlight {
  color: $color;
}

:global {
  .ant-table-column-sort {
    background-color: #fff !important;
  }
}

.scrollarea-content {
  transition: ease-in-out 0.25s all;
}


a,
audio,
video,
button,
input {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}